<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
</head>

<body>
    <div class="register-app dpflex fdcolumn">
        <div class="register-sign-title">
            <div class="title-right"><a href="./login.html">密码登录</a></div>
            <div class="title-left">
                <h2>手机号登录/注册</h2>
                <p>快速找到好友，一站式记录你的运动</p>
            </div>
        </div>
        <div class="register-sign-content flex1 dpflex">
            <div class="inputBox">
                <input class="tel" type="text" id="tel" placeholder="请输入手机号">
                <!-- 手机国际区号 -->
                <select name="" id="" class="area">
                    <option selected>+86</option>
                    <option>+81</option>
                    <option>+7</option>
                    <option>+1</option>
                </select>
            </div>
            <!-- 验证码 -->
            <div class="inputBox dpflex">
                <input class="verification" type="text" id="telCode" placeholder="请输入验证码">
                <canvas class="captcha" width="240" height="90" id="captcha"></canvas>
            </div>
            <!-- 密码 -->
            <div class="inputBox">
                <input type="password" id="password" placeholder="请输入密码">
            </div>
            <!-- 确认密码 -->
            <div class="inputBox">
                <input type="password" id="passwordAgain" placeholder="请再次确认密码">
            </div>
            <!-- 注册按钮 -->
            <div class="inputBox">
                <button id="submitBtn" class="btn">注册账号</button>
            </div>

            <div class="wechat dpflex"><span class="iconfont icon-WeChat"></span>微信注册</div>
            <!-- 提示 -->
            <p id="msg" class="msg"></p>
            <p class="bottom">- HOLD ON -</p>
        </div>
    </div>

</body>

</html>